/*清除链接样式*/
a{
	text-decoration: none;
}
/*设置头部区域*/
header{
	position: fixed;/*将导航栏定位在浏览器窗口上*/
	z-index: 999;
	top:0;
	height: 50px;
	width: 100%;
	min-width: 1000px;
	background-color: #FFFFFF;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.5);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
	opacity: 0.8;
}
/*设置导航部分*/
header>.container{
	margin: 0 auto;
	width:1200px;
	height: 50px;
}
/*设置网站说明*/
header>.container>a{
	width: 200x;
	height: 50px;
	float: left;
	text-align: center;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}
header>.container>a{
	width: 400px;
	height: 50px;
	float: left;
	line-height: 50px;
	font-size: 40px;
	font-weight: bold;
	color: #000000;
}
header>.container>a>span{
	font-size: 20px;
	color: rgba(0,0,0,.5);
}
/*设置导航栏样式*/
header>.container>nav{
	float: right;
}
header>.container>nav>a{
	width: 110px;
	height: 38px;
	float: left;
	line-height: 38px;
	text-align: center;
	color:rgba(0,0,0,.7);
	margin:6px 0px 6px 0px;
	font-weight:bold;
    border:1px;/*这里给所有的a元素添加边框但不显示*/
}
header>.container>nav>a:nth-child(1),
header>.container>nav>a:nth-child(2),
header>.container>nav>a:nth-child(3){
	border-right:1px solid rgba(0,0,0,.2);
}
/*设置导航链接下的彩条*/
header>.container>nav>a:nth-child(1){
    -webkit-box-shadow:0 2px #C42525;
    -moz-box-shadow: 0 2px #C42525;
    box-shadow: 0 5px #C42525;
}
header>.container>nav>a:nth-child(2){
    -webkit-box-shadow:0 2px #FF8247;
    -moz-box-shadow: 0 2px #FF8247;
    box-shadow: 0 5px #FF8247;
}
header>.container>nav>a:nth-child(3){
    -webkit-box-shadow:0 2px #7CCD7C;
    -moz-box-shadow: 0 2px #7CCD7C;
    box-shadow: 0 5px #7CCD7C;
}
header>.container>nav>a:nth-child(4){
    -webkit-box-shadow:0 2px #5CACEE;
    -moz-box-shadow: 0 2px #5CACEE;
    box-shadow: 0 5px #5CACEE;
}
/*设置导航链接滑过和选中样式*/
header>.container>nav>a:nth-child(1):hover,
header>.container>nav>a:nth-child(1).active{
    color: #C42525;
}
header>.container>nav>a:nth-child(2):hover,
header>.container>nav>a:nth-child(2).active{
    color: #FF8247;
}
header>.container>nav>a:nth-child(3):hover,
header>.container>nav>a:nth-child(3).active{
    color: #7CCD7C;
}
header>.container>nav>a:nth-child(4):hover,
header>.container>nav>a:nth-child(4).active{
    color: #5CACEE;
}